*{
    font-family: "Microsoft YaHei";
    font-style:normal;
    text-decoration: none;
}
html,body{
    margin:0;
    padding:0;
    height:100%;
    font-size:12px;
}
ul,ol{
    text-decoration: none;
    list-style: none;
    display: block;
    margin:0;
    padding:0;
}
body{
    margin:0 auto;
    background:#0b1729;
}
@media only screen and (min-width: 960px){
    /*公共样式*/
    header{
        width:100%;
        height:120px;
        position: fixed;
        top:0;
        z-index:10;
        img{
            cursor: pointer;
            margin:50px auto auto 130px;
        }
        .menu{
            position: absolute;
            top:47px;
            right:145px;
            float:right;
            color:white;
            font-size:12px;
            a{
                color:white;
                display: inline-block;
                text-align: center;
                float:left;
                width:24px;
                span{
                    display: inline-block;
                    width:24px;
                    height: 24px;
                    border-radius: 12px;
                    background-image: url(../img/normal.png);
                }
                span:hover{
                    background-image: url(../img/selected.png);
                }
                i{
                    color:#fcfdff;
                }
            }
            .selected{
                span{
                    background-image: url(../img/selected.png);
                }
            }
            div{
                width:160px;
                float:left;
                height:0px;
                overflow:hidden;
                border-top:1px solid #a2ecff;
                margin-top:12px;
            }
        }
    }

    .footer{
        height:60px;
        line-height: 60px;
        width:100%;
        background-color: #100d2a;
        color:#c4fff9;
        font-size:12px;
        z-index:10;
        .left{
            float:left;
            margin-left:130px;
        }
        .right{
            float:right;
            margin-right:130px;
        }
    }
    .title{
        margin:50px auto auto 130px;
    }
}
@media only screen and (max-width: 960px){
    /*公共样式*/
    header{
        width:100%;
        height:120px;
        position: fixed;
        top:0;
        z-index:10;
        background-color: rgba(4, 13, 27, 0.4);
        text-align: center;
        background-color: #242632;
        img{
            margin:25px auto 10px auto;
        }
        .menu{
            height:50px;
            float:right;
            width:100%;
            font-size:12px;
            color: #ffffff;
            a{
                float:left;
                width:33.33%;
                height:50px;
                line-height:50px;
                color:white;
                display: inline-block;
                text-align: center;
                span{
                    display: none;
                }
                i{
                    color:#fcfdff;
                }
            }
            .selected{
                border-bottom:3px solid #00e8ec;
            }
            div{
                display:none;
            }
        }
    }

    .footer{
        width:100%;
        height:59px;
        padding-top:20px;
        background-color: #100d2a;
        color:#c4fff9;
        font-size:12px;
        z-index:10;
        text-align:center;
        span{
            display: block;
            height:22px;
        }
    }
    .title{
        margin:50px auto auto 30px;
    }
}



